<template>
  <div>
    <h1>App</h1>
    <!-- <TsUser age="20"></TsUser> -->
    <TsUser name="jack" phone="18383847655" gender="女"></TsUser>
    <!-- <TsUser :age="true"></TsUser> -->
    <!-- <TsUser v-bind="paramsObj"></TsUser> -->
    <!-- <TsUser name="jack" :age="20" :allow="true" :info="{ a: 1, b: 2 }" :hide="hide()" :cb="() => { }"
      :hobby="['css', 'html']">
    </TsUser> -->
  </div>
</template>
<script>

export default {
  data() {
    return {
      paramsObj: {
        name: 'lili',
        age: 20,
        hobby: ['css', 'js'],
        allow: true,
        hide: Symbol(),
        cb: function () { }
      }
    };
  },
  methods: {
    hide() {
      return Symbol('hide');
    }
  }
};
</script>

<style>
div {
  border: solid 1px;
  padding: 10px;
}
</style>